<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>网15309</title>
		<link rel="stylesheet" type="text/css" href="css/section1_main.css"/>
		<link rel="stylesheet" type="text/css" href="css/section2_main.css"/>
		<link rel="stylesheet" type="text/css" href="css/section3_main.css"/>
		<script src="js/jquery-1.6.2.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/jquery.scrollTo-min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/section1.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/section2.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/section3.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/common.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		
		<div id="section1">
			<h1 align="center">Section 1</h1>
			<!--图片及背景切换开始-->
			<div class="bulr"></div>
			<div class="picture">
				<div class="higher"></div>
				<div class="preview">
					<ul>
						<li class=""><img class="focusimg" src="img/6.jpg" alt=""  /></li>
						<li><img src="img/5.jpg" alt="" /></li>
						<li><img src="img/4.jpg" alt="" /></li>
						<li><img src="img/3.jpg" alt="" /></li>
						<li><img src="img/2.jpg" alt="" /></li>
					</ul>
				</div>
			</div>
			<!--图片及背景切换结束-->
			<!--伸缩菜单栏开始-->
			<div class="nav">
				<ul class="ul_o">
					<li class="li_o">
						<p>菜单1</p>
						<ul class="ul_i">
							<li class="li_i">Select1</li>
							<li class="li_i">Select2</li>
							<li class="li_i">Select3</li>
							<li class="li_i">Select4</li>
						</ul>
					</li>
					<li class="li_o">
						<p>菜单2</p>
						<ul class="ul_i">
							<li class="li_i">Select1</li>
							<li class="li_i">Select2</li>
						</ul>
					</li>
					<li class="li_o">
						<p>菜单3</p>
						<ul class="ul_i">
							<li class="li_i">Select1</li>
							<li class="li_i">Select2</li>
							<li class="li_i">Select3</li>
						</ul>
					</li>
					<li class="li_o">
						<p>菜单4</p>
						<ul class="ul_i">
							<li class="li_i">Select1</li>
							<li class="li_i">Select2</li>
							<li class="li_i">Select3</li>
							<li class="li_i">Select4</li>
							<li class="li_i">Select5</li>
						</ul>
					</li>
					<li class="li_o">
						<p>菜单5</p>
						<ul class="ul_i">
							<li class="li_i">Select1</li>
							<li class="li_i">Select2</li>
							<li class="li_i">Select3</li>
						</ul>
					</li>
				</ul>
			</div>
			<!--伸缩菜单栏结束-->

			<!--网易云音乐外链播放器-->
			<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=375 height=52 src="http://music.163.com/outchain/player?type=2&id=26099530&auto=0&height=32"></iframe>
			<!--网易云音乐外链播放器-->
			
			<a href="javascript:void(0)" class="scroll"></a>
		</div>
		<div id="section2">
			<h1 align="center">Section 2</h1>
			<div class="menu">
				<ul>
					<li class="tab focustab">T1</li>
					<li class="tab ">T2</li>
					<li class="tab">T3</li>
					<li class="tab">T4</li>
					<li class="tab tb5">T5</li>
				</ul>
				
				<div class="contdiv showdiv">
					<h2>Tab1 内容</h2>
					<p><img class="emj" src="img/emoji/3.png"/></p>
				</div>
				<div class="contdiv">
					<h2>Tab2 内容</h2>
					<p><img class="emj" src="img/emoji/2.png"/></p>
				</div>
				<div class="contdiv">
					<h2>Tab3 内容</h2>
					<p><img class="emj" src="img/emoji/1.png"/></p>
				</div>
				<div class="contdiv">
					<h2>Tab4 内容</h2>
					<p><img class="emj" src="img/emoji/4.png"/></p>
				</div>
				<div class="contdiv">
					<h2>Tab5 内容</h2>
					<p><img class="emj" src="img/emoji/5.png"/></p>
				</div>
			</div>
			<a href="javascript:void(0)" class="scroll"></a>
		</div>
		<div id="section3">
			<h1>Section 3</h1>
			<div class="text">
				<p class="tip1">这里可以留言！</p>
				<p class="tip2">还可输入<span>60</span>字符！</p>
				<textarea name="words" rows="" cols=""></textarea>
				<div class="info">
					<span>昵称:&nbsp;<span/><input type="text" name="nickname" class="nickname" value="" /><br />
					<span>邮箱:&nbsp;<span/><input type="email" name="email" class="email" value="" /><br />
				</div>
				<button class="sent">留言</button>
			</div>
			<div class="commlist">
					<h2>- 看板 -</h2>
					<div class="comm">
						<div class="pic"><img src="img/pic.jpg"/></div>
						<div class="nick">Daili</div>
						<div class="mail">Ghoulcn@vip.qq.com</div>
						<div class="words">Hello World!</div>
						<div class="time">2017-06-15 16:47:53</div>
					</div>
					<div class="comm">
						<div class="pic"><img src="img/pic.jpg"/></div>
						<div class="nick">Daili</div>
						<div class="mail">Ghoulcn@vip.qq.com</div>
						<div class="words">Hello World!</div>
						<div class="time">2017-06-15 16:47:53</div>
					</div>
					<div class="comm">
						<div class="pic"><img src="img/pic.jpg"/></div>
						<div class="nick">Daili</div>
						<div class="mail">Ghoulcn@vip.qq.com</div>
						<div class="words">Hello World!</div>
						<div class="time">2017-06-15 16:47:53</div>
					</div>
					<div class="comm">
						<div class="pic"><img src="img/pic.jpg"/></div>
						<div class="nick">Daili</div>
						<div class="mail">Ghoulcn@vip.qq.com</div>
						<div class="words">Hello World!</div>
						<div class="time">2017-06-15 16:47:53</div>
					</div>
					<div class="comm">
						<div class="pic"><img src="img/pic.jpg"/></div>
						<div class="nick">Daili</div>
						<div class="mail">Ghoulcn@vip.qq.com</div>
						<div class="words">Hello World!</div>
						<div class="time">2017-06-15 16:47:53</div>
					</div>
					<div class="comm">
						<div class="pic"><img src="img/pic.jpg"/></div>
						<div class="nick">Daili</div>
						<div class="mail">Ghoulcn@vip.qq.com</div>
						<div class="words">Hello World!</div>
						<div class="time">2017-06-15 16:47:53</div>
					</div>
			</div>
			<a href="javascript:void(0)" class="scroll"></a>
		</div>
	</body>
</html>
